<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="icon" href="../imgs/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/common/header.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/common/page_bottom.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
</head>
<body>
    <div class="header">
        <div class="site-topbar">
            <div class="container">
                <div class="topbar-nav">
                    <a href="#">小米商城</a>
                    <span class="sep">|</span>
                    <a href="#">MIUI</a>
                    <span class="sep">|</span>
                    <a href="#">loT</a>
                    <span class="sep">|</span>
                    <a href="#">云服务</a>
                    <span class="sep">|</span>
                    <a href="#">天星数科</a>
                    <span class="sep">|</span>
                    <a href="#">有品</a>
                    <span class="sep">|</span>
                    <a href="#">小爱开放平台</a>
                    <span class="sep">|</span>
                    <a href="#">企业团购</a>
                    <span class="sep">|</span>
                    <a href="#">资质证照</a>
                    <span class="sep">|</span>
                    <a href="#">协议规则</a>
                    <span class="sep">|</span>
                    <a href="#">下载app</a>
                    <span class="sep">|</span>
                    <a href="#">智能生活</a>
                    <span class="sep">|</span>
                    <a href="#">Select Location</a>
                    <span class="sep">|</span>
                </div>
                <div class="topbar-cart">
                    <a href="../view/cart/add_cart.html"><em class="iconfont icon-gouwuchekong"> </em>购物车<span class="cart-num">(0)</span></a>
                    <div class="cart-menu">
                        <div class="menu-content">
                            <div class="loading">
                                <div class="loader"></div>
                                <ul class="cart-list hide"></ul>
                                <div class="cart-total hide"></div>
                                <div class="msg-empty hide">购物车中还没有商品,赶紧选购吧!</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="topbar-info">
                    <a href="../view/login/login.html">登录</a>
                    <span class="sep">|</span>
                    <a href="../view/register/register.html">注册</a>
                    <span class="sep">|</span>
                    <span class="message">
                        <a href="#">消息通知</a>
                    </span>
                </div>
            </div>
        </div>
        <!--  -->
        <div class="site-header">
            <div class="container">
                <!-- logo -->
                <div class="header-log">
                    <a href="#">
                        <img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png">
                    </a>
                </div>
                <!-- 中间导航部分 -->
                <div class="header-nav">
                    <ul class="nav-list">
                        <li class="nav-category"><a href="" class="link-category">全部商品分类</a>
                        <div class="site-category">
                            <ul class="site-category-list">
                            <li class="category-item"><a href="">手机<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">电视<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">笔记本 平板<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">家电<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">出行 穿戴<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">智能 路由器<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">电源 配件<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">健康 儿童<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">耳机 音箱<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">生活 箱包<em class="iconfont">&#xe625;</em></a></li>
                        </ul>
                        </div>
                        </li>
                        <li class="nav-item">
                            <a href="">小米手机</a>
                            <!-- <div class="header-nav-menu slide-up">
                                <div class="container">
                                    <ul class="children-list">
                                        <li>
                                            <a href="" >
                                                <div class="figure-thumb">
                                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/087c52d253d9301dff7743d6bf2d0330.png?thumb=1&w=180&h=124&f=webp&q=90" alt="">
                                                    <div class="title">
                                                        XiaoMi MIX 4
                                                    </div>
                                                    <span class="price">99999元起</span>
                                                </div>
                                            </a>
                                        </li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                </div>
                            </div> -->
                        </li>
                        <li class="nav-item"><a href="">Redmi&nbsp;红米</a></li>
                        <li class="nav-item"><a href="">电视</a></li>
                        <li class="nav-item"><a href="">笔记本</a></li>
                        <li class="nav-item"><a href="">平板</a></a></li>
                        <li class="nav-item"><a href="">家电</a></li>
                        <li class="nav-item"><a href="">路由器</a></li>
                        <li class="nav-item"><a href="">智能硬件</a></li>
                        <li class="nav-item"><a href="">服务</a></li>
                        <li class="nav-item"><a href="">社区</a></li>
                    </ul>
                </div>
                <!-- 搜索区域 - 弹性盒子 -->
                <div class="header-search">
                    <div class="search">
                        <div class="item1">
                            <input type="text" placeholder="小米11">
                        </div>
                        <div class="item2">
                            <input id="goToSearch" type="button" class="iconfont" style="font-size: 32px;" value="&#xeafe;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="content">

            <!-- 轮播图左侧标签 -->
            <div class="left_label" >             
                <ul>
                    <li><a href="">手机<span>></span></a>
                        <!-- banner-隐藏导航内容部分 - begin -->
                        <!-- banner-隐藏导航内容部分 - end -->
                        <div class="nav-content">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0803dc7125ffa3447b04b1ae60f57a2b.jpg?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米12</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/56bb7e2d44cef71c3afedaeae3d98927.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米13</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/56bb7e2d44cef71c3afedaeae3d98927.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米14</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab956ee82c24bdd83d21bc212aad3eb5.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米15</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米16</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米17</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米18</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米19</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米20</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="">电视<span>></span></a>
                        <div class="nav-content">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/50194366cfebbc7c82489d0094c1f944.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米21</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米22</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米23</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米24</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/da1680fb62238cb5b01998d80fc34e25.png?thumb=1&w=45&h=45&f=webp&q=90" alt=""><span>小米11</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="">笔记本&nbsp;平板<span>></span></a></li>
                    <li><a href="">家电<span>></span></a></li>
                    <li><a href="">出行&nbsp;穿戴<span>></span></a></li>
                    <li><a href="">智能&nbsp;路由器<span>></span></a></li>
                    <li><a href="">电源&nbsp;配件<span>></span></a></li>
                    <li><a href="">健康&nbsp;儿童<span>></span></a></li>
                    <li><a href="">耳机&nbsp;音箱<span>></span></a></li>
                    <li><a href="">生活&nbsp;箱包<span>></span></a></li>
                </ul>
            </div>

            <!-- 轮播图图片 -->
          <ul id="item">
            <li class="item active" ><a href="../view/cart/add_cart.html"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/918820682e4a490221cfd92b24c14b86.jpg?thumb=1&w=1022&h=383&f=webp&q=90"></a></li>
            <li class="item" ><a href="../view/cart/add_cart.html"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a532e33470d046b3f044d5ea49fc5e9e.png?thumb=1&w=1022&h=383&f=webp&q=90"></a></li>
            <li class="item" ><a href="../view/cart/add_cart.html"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/67c7222fbcf98db942718eaf29f32297.jpg?thumb=1&w=1022&h=383&f=webp&q=90"></a></li>
            <li class="item" ><a href="../view/cart/add_cart.html"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/93dd3a588aebaa0b01b4e826a70644b1.jpg?w=2452&h=920"></a></li>
          </ul>

          <!-- 轮播图左右指针 -->
          <div id="btn-left"></div>
          <div id="btn-right"></div>


          <!-- 轮播图点 -->
          <ul id="point">
            <li class="point active" data-index="0"></li>
            <li class="point" data-index="1"></li>
            <li class="point" data-index="2"></li>
            <li class="point" data-index="3"></li>
          </ul>
        </div>
    </div>

    <div class="idx-adv containerss">
        <div class="laber">
            <a href="">
                <div class="laber-list laber-border1">
                    <i class="iconfont">&#xe61a;</i>
                    <p>保障服务</p>
                </div>
            </a>

            <a href="">
                <div class="laber-list laber-border1">
                    <i class="iconfont">&#xe60d;</i>
                    <p>企业团购</p>
                </div>
            </a>
            <a href="">
                <div class="laber-list laber-border2">
                    <i class="iconfont">&#xe614;</i>
                    <p>F码通道</p>
                </div>
            </a>
            <a href="">
                <div class="laber-list laber-border3">
                    <i class="iconfont">&#xe602;</i>
                    <p>米粉卡</p>
                </div>
            </a>
            <a href="">
                <div class="laber-list laber-border3">
                    <i class="iconfont">&#xe609;</i>
                    <p>以旧换新</p>
                </div>
            </a>
            <a href="">
                <div class="laber-list">
                    <i class="iconfont">&#xe666;</i>
                    <p>话费充值</p>
                </div>
            </a>
        </div>
        <ul class="adv-ul">
            <li class="adv-li">
                <a href="">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d8a6d6d37904e22c72130e3e4ec79b41.jpg?w=632&h=340" alt="">
                </a>
            </li>
            <li class="adv-li">
                <a href="">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b30177d629bfbe2fb42251c1b8538f7b.jpg?w=632&h=340" alt="">
                </a>
            </li>
            <li class="adv-li">
                <a href="">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9f18ac756fa2cedb16ea429b9c0001af.png?w=632&h=340" alt="">
                </a>
            </li>
        </ul>


    </div>

    <!-- 主体部分 -->
    <div class="page-content">
        <!-- 主体的限时抢购 -->
        <div class="content-adv container">
            <div class="title clear">
                <p>小米秒杀</p>
                <a href="">
                    <div class="next iconfont">&#xe612;</div>
                </a>
                <a href="">
                    <div class="prev iconfont">&#xe610;</div>
                </a>
            </div>
            <div class="list clear">
                <div id="list-limit" class="list-limit">
                    <h2>00:00 场</h2>
                    <h3 class="iconfont">⚡</h3>
                    <p id="lastDay">本场已经结束</p>
                    <div>00</div>
                    <span>:</span>
                    <div>00</div>
                    <span>:</span>
                    <div>00</div>

                </div>
                <ul class="list-adv">
                    <li>
                        <a href="../view/cart/add_cart.html">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab07e0fcbec3beb8b0f409db8bee8da4.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                            <h2>小米11 Ultra</h2>
                            <p>1.12"GN2 | 2K四微曲屏</p>
                            <span>5888元</span>
                            <i>5999元</i>
                        </a>
                    </li>
                    <li><a href="../view/cart/add_cart.html">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab07e0fcbec3beb8b0f409db8bee8da4.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                            <h2>小米11 Ultra</h2>
                            <p>1.12"GN2 | 2K四微曲屏</p>
                            <span>5888元</span>
                            <i>5999元</i>
                        </a></li>
                    <li><a href="../view/cart/add_cart.html">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab07e0fcbec3beb8b0f409db8bee8da4.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                            <h2>小米11 Ultra</h2>
                            <p>1.12"GN2 | 2K四微曲屏</p>
                            <span>5888元</span>
                            <i>5999元</i>
                        </a></li>
                    <li><a href="../view/cart/add_cart.html">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab07e0fcbec3beb8b0f409db8bee8da4.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                            <h2>小米11 Ultra</h2>
                            <p>1.12"GN2 | 2K四微曲屏</p>
                            <span>5888元</span>
                            <i>5999元</i>
                        </a></li>
                </ul>
            </div>
            <div class="big-adv">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f334fbd05d5681bb838fefd1c815d88c.jpg?thumb=1&w=1226&h=120&f=webp&q=90" alt="">
            </div>
        </div>
        <!-- 主体的限时抢购 -->
        <!-- 手机 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>手机</p>
                <a href="../view/cart/add_cart.html">
                    <i class="small-next iconfont">&#xe612;</i>
                    <span>查看更多 </span>
                </a>
            </div>
            <div class="list-shop">
                <div class="big-shop">
                    <a href="../view/cart/add_cart.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c583f2edc613f1be20fa415910b13ce3.jpg?thumb=1&w=195&h=512&f=webp&q=90" alt="">
                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href="../view/cart/add_cart.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5dc32ec73299ff79556dcd1cf0f0ac11.png?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a>
                </div>
                <div class="shop">
                    <a href="../view/cart/add_cart.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5dc32ec73299ff79556dcd1cf0f0ac11.png?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="../view/cart/add_cart.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5dc32ec73299ff79556dcd1cf0f0ac11.png?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
                <div class="shop"><a href="../view/cart/add_cart.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5dc32ec73299ff79556dcd1cf0f0ac11.png?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5dc32ec73299ff79556dcd1cf0f0ac11.png?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5dc32ec73299ff79556dcd1cf0f0ac11.png?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5dc32ec73299ff79556dcd1cf0f0ac11.png?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5dc32ec73299ff79556dcd1cf0f0ac11.png?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
            </div>
            <div class="big-adv">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/01cc6a570d32a2ee09a2d5c2009a9968.jpg?thumb=1&w=1022&h=100&f=webp&q=90" alt="">
            </div>
        </div>
        <!-- 手机 -->
        <!-- 家电 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>家电</p>
                <a href="">
                    <i class="small-next iconfont">&#xe612;</i>
                    <span>查看更多 </span>

                </a>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3d47879ec183e25a36e67e0219636e60.jpg?thumb=1&w=195&h=250&f=webp&q=90" alt="" class="top-image"></a>
                </div>
                <div class="shop">
                    <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3d47879ec183e25a36e67e0219636e60.jpg?thumb=1&w=195&h=250&f=webp&q=90" alt="" class="top-image"></a>
                </div>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a>
                </div>
                <div class="shop">
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
            </div>
            <div class="big-adv">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1022&h=100&f=webp&q=90" alt="">
            </div>
        </div>
        <!-- 家电 -->
        <!-- 智能 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>智能</p>
                <a href="">
                    <i class="small-next iconfont">&#xe612;</i>
                    <span>查看更多 </span>

                </a>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e1768bd133e9fd0236765c8abc98f8b3.png?thumb=1&w=195&h=250&f=webp&q=90" alt="" class="top-image"></a>
                </div>
                <div class="shop">
                    <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec383d223d9f38f442268df684c526f6.png?thumb=1&w=195&h=250&f=webp&q=90" alt="" class="top-image"></a>
                </div>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c2af30d499323618f9abdaffd82b581b.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a>
                </div>
                <div class="shop">
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c2af30d499323618f9abdaffd82b581b.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c2af30d499323618f9abdaffd82b581b.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c2af30d499323618f9abdaffd82b581b.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c2af30d499323618f9abdaffd82b581b.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c2af30d499323618f9abdaffd82b581b.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c2af30d499323618f9abdaffd82b581b.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c2af30d499323618f9abdaffd82b581b.jpg?thumb=1&w=167&h=167&f=webp&q=90" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>
                    </a></div>
            </div>
            <div class="big-adv">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1022&h=100&f=webp&q=90" alt="">
            </div>
        </div>
        <!-- 智能 -->
        
        
        <!-- 视频内容 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>视频</p>
                <a href="">
                    <i class="small-next iconfont">&#xe612;</i>
                    <span>查看更多 </span>

                </a>
            </div>
            <ul class="content-tv clear">
                <li>
                    <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&w=333&h=203&f=webp&q=90" alt=""></a>
                    <div class="iconfont">&#xe615;</div>
                    <p>2021年春季新品发布会第一场</p>
                </li>
                <li> <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=333&h=203&f=webp&q=90" alt=""></a>
                    <div class="iconfont">&#xe615;</div>
                    <p>2021年春季新品发布会第一场</p>
                </li>
                <li> <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=333&h=203&f=webp&q=90" alt=""></a>
                    <div class="iconfont">&#xe615;</div>
                    <p>2021年春季新品发布会第一场</p>
                </li>
                <li> <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&w=333&h=203&f=webp&q=90" alt=""></a>
                    <div class="iconfont">&#xe615;</div>
                    <p>2021年春季新品发布会第一场</p>
                </li>
            </ul>

        </div>
        <!-- 视频内容 -->


    </div>
    <!-- 主体内容 -->
    <!-- 底部公共部分 -->
    <div class="page-bottom">
        <ul class="address clear container">
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe607;</i>
                        <span>预约维修服务</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe603;</i>
                        <span>七天无理由退货</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe60f;</i>
                        <span>15天免费换货</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe778;</i>
                        <span>满69包邮</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe608;</i>
                        <span>520余家售后网点</span>
                    </a>

                </div>
            </li>
        </ul>
        <div class="bottom-message clear container">
            <ul class="bottom-list">
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>服务支持</dd>
                        <dt><a href="">售后政策</a></dt>
                        <dt><a href="">自动服务</a></dt>
                        <dt><a href="">相关下载</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>线下门店</dd>
                        <dt><a href="">小米之家</a></dt>
                        <dt><a href="">服务网点</a></dt>
                        <dt><a href="">授权体验店</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>关于小米</dd>
                        <dt><a href="">了解小米</a></dt>
                        <dt><a href="">加入小米</a></dt>
                        <dt><a href="">投资者关系</a></dt>
                        <dt><a href="">企业社会责任</a></dt>
                        <dt><a href="">廉洁举报</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>关注我们</dd>
                        <dt><a href="">新浪微博</a></dt>
                        <dt><a href="">官方微信</a></dt>
                        <dt><a href="">联系我们</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>特色服务</dd>
                        <dt><a href="">F码通道</a></dt>
                        <dt><a href="">礼物码</a></dt>
                        <dt><a href="">防伪查询</a></dt>
                    </dl>
                </li>
            </ul>
            <div class="contact">
                <h2>400-100-5678</h2>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="">
                    <div class="customer">
                        <i class="iconfont">&#xe605;</i>
                        <span>人工客服</span>
                    </div>
                </a>
                <div class="wbwx">
                    <span>关注小米：</span>
                    <a href=""><i class="iconfont">&#xe613;</i></a>
                    <a href=""><i class="iconfont">&#xe604;</i></a>
                </div>
            </div>
        </div>
    </div>

      <script type="text/javascript" src="../js/index.js"></script>
</body>
</html>